서버 컴포넌트

❓질문

서버 컴포넌트에 대해서 설명해주세요.

💡 조사하기전 내가 알고 있던 내용

서버 컴포넌트는 React 18버젼이후에 출시된 개념입니다.
렌더링 되는 위치가 클라이언트가 아닌 서버에서 렌더링되는 컴포넌트를 의미합니다 이로 인해 클라이언트에서 처리해야할 번들 사이즈가 줄어들고 초기 로딩 속도를 개선 할수있습니다.

그리고 데이터베이스와 API 키같은 민감한 정보들을 클라이언트에서 처리하지않고 서버에서 처리하니 안전하게 데이터를 관리할 수 있습니다.

🏫 정리한 내용

서버 컴포넌트는 리액트 18버젼에서 도입된 새로운 기능입니다. 기본적으로 클라이언트에서 실행되는 기존의 리액트 컴포넌트와 다르게 서버에서만 렌더링되는 컴포넌트를 말합니다. 서버에서만 실행되기 때문에 브라우저 쪽 번들 크기를 줄이고, 초기 로딩 속도를 개선하는 데 큰 장점이 있습니다.

리액트에서는 서버컴포넌트를 클라이언트 컴포넌트와 함께 사용할 수 있도록 설계했습니다. 클라이언트 컴포넌트는 인터랙션이 필요한 UI를 담당하고 서버 컴포넌트는 데이터 중심의 UI를 담당하는 식으로 역할을 분리할 수 있습니다.

단 서버의 의존성 증가나 서버 컴포넌트의 사용자 경험 , 인터랙션의 한계점등 문제가 있으니 적절하게 사용하는것이 제일 중요하겠습니다.